light mode
night mode
On This Page

বুটস্ট্রাপ৩ ড্রপডাউন রেফারেন্স (Bootstrap3 Dropdown Reference)

OPTIONS
Test Yorself
All Question
Edit Content
Add Video
Add MCQ
Add Written
Error Report

বুটস্ট্রাপ JS ড্রপডাউন (dropdown.js)

ড্রপডাউন মেনু হলো টোগল মেনু, যা ইউজারকে পূর্বনির্ধারিত তালিকা থেকে একটি ভ্যালু বাছাই করার সুযোগ দেয়।

ড্রপডাউনের টিউটোরিয়ালের জন্য, আমাদের বুটস্ট্রাপ ড্রপডাউন টিউটোরিয়ালটি পড়ুন।

data-* এট্রিবিউট মাধ্যম

ড্রপডাউন মেনুকে টোগল করার জন্য বাটন অথবা লিংকে data-toggle="dropdown" এট্রিবিউটটি যুক্ত করুন।

kt_satt_skill_example_id=1292

বুটস্ট্রাপ জাভাস্ক্রিপ্ট মাধ্যম

ম্যানুয়েললি যুক্ত করার জন্যঃ

kt_satt_skill_example_id=1293

বুটস্ট্রাপ ড্রপডাউন মেথড

নিচের টেবিলে ড্রপডাউন মেথডগুলো দেয়া হলো।

মেথডবিবরণউদাহরণ
.dropdown("toggle")ড্রপডাউনকে টোগল করে।উদাহরণ দেখুন

বুটস্ট্রাপ ড্রপডাউন ইভেন্ট

নিচের টেবিলে ড্রপডাউন ইভেন্টগুলো দেয়া হলো।

ইভেন্টবিবরণচেষ্টা করি
show.bs.dropdownযখন ড্রপডাউন প্রদর্শন শুরু হয় তখন ঘটে।উদাহরণ দেখুন
shown.bs.dropdownযখন ড্রপডাউন পুরোপুরি প্রদর্শিত হয় তখন ঘটে। (সিএসএস ট্রানজিশন সম্পূর্ণ হওয়ার পর)উদাহরণ দেখুন
hide.bs.dropdownযখন ড্রপডাউন লুক্কায়িত হওয়া শুরু করে তখন ঘটে।উদাহরণ দেখুন
hidden.bs.dropdownযখন ড্রপডাউন পুরোপুরি লুক্কায়িত হয় তখন ঘটে। (সিএসএস ট্রানজিশন সম্পূর্ণ হওয়ার পর)উদাহরণ দেখুন

আরো কিছু উদাহরণ

ক্লিকে ক্যারেট আইকন পরিবর্তন

নিচের উদাহরণে দেখানো হয়েছে কিভাবে ড্রপডাউনে ক্লিক করা হলে ক্যারেট আইকনটি নিচের দিক থকে ওলট হয়ে উপরের দিকে চলে যায়ঃ

kt_satt_skill_example_id=1294

নিচের উদাহরণে, ন্যাভিগেসন বারে লগ-ইন ফর্ম সহ একটি ড্রপডাউন যুক্ত করা হয়েছেঃ

kt_satt_skill_example_id=1295

বুটস্ট্রাপ মাল্টি-লেভেল ড্রপডাউন

এই উদাহরণে, আমরা মাল্টি-লেভেল ড্র্পডাউন অপেন করার জন্য জেকুয়েরি ব্যবহার করেছিঃ

kt_satt_skill_example_id=1296

 

Content added || updated By
Abdur Rakib

আরও দেখুন...

On This Page

or

Don't have an account? Register

Promotion